<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8" lang="en"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9" lang="en"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <?xml version="1.0" encoding="UTF-8" standalone="no"?>
    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no,email=no" name="format-detection">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>企业人力资源数字化转型</title>
    <script src="js/jquery-1.11.0.min.js"></script>
    <script src="js/jquery.masonry.min.js"></script>
    <link rel="stylesheet" href="css/public.css">
    <!--[if lt IE 9]><script src="http://cdn.bootcss.com/html5shiv/3.7/html5shiv.js"></script><![endif]-->
    <!--[if lte IE 8]><script src="http://cdn.bootcss.com/selectivizr/1.0.2/selectivizr.js"></script><![endif]-->
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/transformation.css">
</head>

<body>
    <!-- 公共头部 -->
    <section class="pub_header">
        <div class="pub_header_cont">
            <div class="pub_logo"><img src="img/logo.svg" alt=""></div>
            <div class="pub_nav">
                <div class="pub_nav_t">
                    <ul>
                        <li><img src="img/kr06.png" alt=""> 400-050-7798</li>
                        <li>股票代码 : 300662</li>
                        <li>
                            <a href="#">
                                <img src="img/kr07.png" alt="">English </a>
                        </li>
                    </ul>
                </div>
                <div class="pub_nav_b">
                    <ul>
                        <li><a href="javascript:;">人才服务</a>
                            <div class="pub_nav_hover">
                                <div class="pub_nav_hover_cont">
                                    <div class="pub_nav_l">
                                        <p class="pub_p3">精选文章</p>
                                        <div class="pub_nav_l_item">
                                            <p class="pub_p4">薪酬报告</p>
                                            <p class="pub_p5"><a href="#">2020人才市场洞察及薪酬指南</a></p>
                                        </div>
                                        <div class="pub_nav_l_item">
                                            <p class="pub_p4">观点洞察</p>
                                            <p class="pub_p5"><a href="#">人力资源专家视角下的新态势、新人事</a></p>
                                        </div>
                                        <div class="pub_nav_l_item">
                                            <p class="pub_p4">前沿实践</p>
                                            <p class="pub_p5"><a href="#">走出去：“一带一路”引才实践</a></p>
                                        </div>
                                    </div>
                                    <div class="pub_nav_r">
                                        <p class="pub_p5"><a href="javascript:;">高端人才寻访</a></p>
                                        <p class="pub_p5"><a href="javascript:;">招聘流程外包</a></p>
                                        <p class="pub_p5"><a href="javascript:;">灵活用工</a></p>
                                        <p class="pub_p5"><a href="javascript:;">校招与雇主品牌</a></p>
                                        <p class="pub_p5"><a href="javascript:;">人才培训</a></p>
                                        <p class="pub_p5"><a href="javascript:;">人才规划与咨询</a></p>
                                        <p class="pub_p5"><a href="javascript:;">薪税服务</a></p>
                                        <p class="pub_p5"><a href="javascript:;">垂直招聘平台</a></p>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li><a href="javascript:;">政企数智化</a>
                            <div class="pub_nav_hover">
                                <div class="pub_nav_hover_cont">
                                    <div class="pub_nav_l">
                                        <p class="pub_p3">政企数智化</p>
                                        <p class="pub_p6">
                                            人力资源新态势态势、新人事人力资源专家视角下的新态势、新人事人力资源专家视角下的新态势、新人事人力资源专家视人力资源专家视人力资源专家视角下的新态势、新人事
                                        </p>
                                        <a href="#">
                                            <div class="pub_btn1">查看更多</div>
                                        </a>
                                    </div>
                                    <div class="pub_nav_r">
                                        <div class="pub_nav_d1">
                                            <p class="pub_p7">企业人力资源数字化转型</p>
                                            <p class="pub_p8"><a href="#">大中型企业HRSaaS</a></p>
                                            <p class="pub_p8"><a href="#">快速成长型企业HRSaaS</a></p>
                                        </div>
                                        <div class="pub_nav_d1">
                                            <p class="pub_p7">政府人力资源数字化转型</p>
                                            <p class="pub_p8"><a href="#">人才数字大脑</a></p>
                                            <p class="pub_p8"><a href="#">精准就业产业互联网平台</a></p>
                                            <p class="pub_p8"><a href="#">事业单位人才引进数字化</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li><a href="javascript:;">生态伙伴</a></li>
                        <li><a href="javascript:;">职场晋级</a></li>
                        <li><a href="javascript:;">趋势洞察</a></li>
                        <li><a href="javascript:;">关于科锐</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- wap -->
        <div class="pub_header_nav">
            <div class="pub_logo">
                <a href="index.html"><img src="img/logo.svg" alt=""></a>
            </div>
            <!-- 右侧菜单键 -->
            <a class="pub_menu" href="javascript:;">
                <span></span>
                <span></span>
                <span></span>
            </a>
        </div>
        <!-- 菜单浮层 二级-->
        <div class="pub_menu_ff">
            <ul class="pub_menu_ul">
                <li class="pub_menu_ff_li"><a href="index.html">首页</a></li>
                <li class="pub_menu_ff_li pub_menu_ff_li_on"><a href="javascript:;"><span>人才服务</span></a>
                    <div class="pub_menu_ft">
                        <ul>
                            <li><a href="#">人才服务</a></li>
                            <li><a href="#">人才服务</a></li>
                            <li><a href="#">人才服务</a></li>
                            <li class="pub_menu_back">
                                <img src="img/back.png" alt="">
                                <div>返回</div>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="pub_menu_ff_li pub_menu_ff_li_on"><a href="javascript:;"><span>政企数智化</span></a>
                    <div class="pub_menu_ft">
                        <ul>
                            <li><a href="#">政企数智化</a></li>
                            <li><a href="#">政企数智化</a></li>
                            <li><a href="#">政企数智化</a></li>
                            <li class="pub_menu_back">
                                <img src="img/back.png" alt="">
                                <div>返回</div>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="pub_menu_ff_li pub_menu_ff_li_on"><a href="javascript:;"><span>生态伙伴</span></a>
                    <div class="pub_menu_ft">
                        <ul>
                            <li><a href="#">生态伙伴</a></li>
                            <li><a href="#">生态伙伴</a></li>
                            <li><a href="#">生态伙伴</a></li>
                            <li><a href="#">生态伙伴</a></li>
                            <li class="pub_menu_back">
                                <img src="img/back.png" alt="">
                                <div>返回</div>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="pub_menu_ff_li pub_menu_ff_li_on"><a href="javascript:;"><span>职场晋级</span></a>
                    <div class="pub_menu_ft">
                        <ul>
                            <li><a href="#">职场晋级</a></li>
                            <li><a href="#">职场晋级</a></li>
                            <li><a href="#">职场晋级</a></li>
                            <li><a href="#">职场晋级</a></li>
                            <li class="pub_menu_back">
                                <img src="img/back.png" alt="">
                                <div>返回</div>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="pub_menu_ff_li pub_menu_ff_li_on"><a href="javascript:;"><span>趋势洞察</span></a>
                    <div class="pub_menu_ft">
                        <ul>
                            <li><a href="#">趋势洞察</a></li>
                            <li><a href="#">趋势洞察</a></li>
                            <li class="pub_menu_back">
                                <img src="img/back.png" alt="">
                                <div>返回</div>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="pub_menu_ff_li pub_menu_ff_li_on"><a href="javascript:;"><span>关于科锐</span></a>
                    <div class="pub_menu_ft">
                        <ul>
                            <li><a href="#">关于科锐</a></li>
                            <li><a href="#">关于科锐</a></li>
                            <li class="pub_menu_back">
                                <img src="img/back.png" alt="">
                                <div>返回</div>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </section>
    <!-- 内容 -->
    <section class="pub_contiain">
        <div class="trans_head">
            <div class="trans_head_canvas"></div>
            <div class="trans_head_cont">
                <div class="trans_head_text">
                    <p class="trans_head_p1">企业人力资源数字化转型</p>
                    <p class="trans_head_p2">一站式HR应用&O2O人力资源服务解决方案</p>
                </div>
                <div class="trans_head_img">
                    <img src="./img/skr325.png" alt="">
                </div>
            </div>
        </div>
        <!--  -->
        <div class="trans_tab">
            <div class="trans_tab_item">
                <a href="#">
                    <div class="trans_tab_img"><img src="./img/skr327.png" alt=""></div>
                    <div class="trans_tab_text">
                        <p class="trans_tab_p1">大中华地区</p>
                        <p class="trans_tab_p2">人力资源品牌100强</p>
                    </div>
                </a>
            </div>
            <div class="trans_tab_item">
                <a href="#">
                    <div class="trans_tab_img"><img src="./img/skr328.png" alt=""></div>
                    <div class="trans_tab_text">
                        <p class="trans_tab_p1">最佳智能一体化</p>
                        <p class="trans_tab_p2">人事管理云平台</p>
                    </div>
                </a>
            </div>
            <div class="trans_tab_item">
                <a href="#">
                    <div class="trans_tab_img"><img src="./img/skr329.png" alt=""></div>
                    <div class="trans_tab_text">
                        <p class="trans_tab_p1">最佳产品奖</p>
                    </div>
                </a>
            </div>
        </div>
        <!--  -->
        <div class="trans_d1">
            <div class="pub_title">为什么选择才到</div>
            <div class="trans_d1_cont">
                <img class="trans_d1_left_img" src="./img/skr349.png" alt="">
                <div class="trans_d1_left">
                    <img id="animate2" style="transform: translateY(500px);" src="./img/skr331.png" alt="">
                    <img id="animate3" style="transform: translateY(500px);" src="./img/skr332.png" alt="">
                    <img id="animate4" style="transform: translateX(-500px);" src="./img/skr333.png" alt="">
                    <img id="animate5" style="transform: translateX(-500px);" src="./img/skr334.png" alt="">
                    <img id="animate6" style="transform: translateX(-500px);" src="./img/skr335.png" alt="">
                    <img id="animate7" style="transform: translateX(-500px);" src="./img/skr336.png" alt="">
                    <img id="animate1" src="./img/skr330.png" alt="">
                </div>
                <div class="trans_d1_right">
                    <div class="trans_d1_item">
                        <div class="trans_d1_img"><img src="./img/skr337.png" alt=""></div>
                        <div class="trans_d1_text">
                            <p class="trans_d1_p1">更懂HR</p>
                            <p class="trans_d1_p2">沉淀卓越企业最佳实践、升级人力资源管理效能</p>
                        </div>
                    </div>
                    <div class="trans_d1_item">
                        <div class="trans_d1_img"><img src="./img/skr337.png" alt=""></div>
                        <div class="trans_d1_text">
                            <p class="trans_d1_p1">更爱员工</p>
                            <p class="trans_d1_p2">全员参与、实时反馈、员工更满意</p>
                        </div>
                    </div>
                    <div class="trans_d1_item">
                        <div class="trans_d1_img"><img src="./img/skr337.png" alt=""></div>
                        <div class="trans_d1_text">
                            <p class="trans_d1_p1">稳健、灵活、随需而变</p>
                        </div>
                    </div>
                    <div class="trans_d1_item">
                        <div class="trans_d1_img"><img src="./img/skr337.png" alt=""></div>
                        <div class="trans_d1_text">
                            <p class="trans_d1_p1">开放、连接、一站全能</p>
                        </div>
                    </div>
                    <div class="trans_d1_item">
                        <div class="trans_d1_img"><img src="./img/skr337.png" alt=""></div>
                        <div class="trans_d1_text">
                            <p class="trans_d1_p1">支持多种部署模式</p>
                            <p class="trans_d1_p2">
                                <span>·&nbsp;公有云部署</span>
                                <span>·&nbsp;私有云部署</span>
                                <span>·&nbsp;本地部署</span>
                            </p>
                        </div>
                    </div>
                    <div class="trans_d1_item">
                        <div class="trans_d1_img"><img src="./img/skr337.png" alt=""></div>
                        <div class="trans_d1_text">
                            <p class="trans_d1_p1">交付成功3重保障</p>
                            <p class="trans_d1_p2">系统安全保障、产品&研发保障、服务体系保障</p>
                        </div>
                    </div>
                    <div class="trans_d1_item">
                        <div class="trans_d1_img"><img src="./img/skr337.png" alt=""></div>
                        <div class="trans_d1_text">
                            <p class="trans_d1_p1">5+行业、100＋企业</p>
                            <p class="trans_d1_p2">世界500强&本土中大型企业选择才到</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 才到HR应用&解决方案 -->
        <div class="solution_bg">
            <div class="solution">
                <div class="pub_title">才到HR应用&解决方案</div>
                <div class="solution_list">
                    <div class="solution_item">
                        <a href="#">
                            <div class="solution_cont">
                                <div class="solution_cont_img"><img src="./img/trans_1.png" alt=""></div>
                                <p class="solution_cont_p1">人力云</p>
                            </div>
                            <div class="solution_hover">
                                <div class="solution_hover_img"><img src="./img/trans_1.png" alt=""></div>
                                <p class="solution_hover_p1">人力云</p>
                                <p class="solution_hover_p2">组织人事、薪资与社保 | 业绩奖金计算、考勤与劳动力、集团数据统计</p>
                            </div>
                            <img class="solution_item_bg" src="./img/trans_2.png" alt="">
                        </a>
                    </div>
                    <div class="solution_item">
                        <a href="#">
                            <img class="solution_item_img" src="./img/trans_d1.png" alt="">
                            <div class="solution_cont">
                                <p class="solution_cont_p1">人才云</p>
                            </div>
                            <div class="solution_hover even">
                                <div class="solution_hover_img"></div>
                                <p class="solution_hover_p1">人才云</p>
                                <p class="solution_hover_p2">人力资本预算、绩效管理</p>
                            </div>
                        </a>
                    </div>
                    <div class="solution_item">
                        <a href="#">
                            <div class="solution_cont">
                                <div class="solution_cont_img"><img src="./img/trans_3.png" alt=""></div>
                                <p class="solution_cont_p1">干部云</p>
                            </div>
                            <div class="solution_hover">
                                <div class="solution_hover_img"><img src="./img/trans_3.png" alt=""></div>
                                <p class="solution_hover_p1">干部云</p>
                                <p class="solution_hover_p2">干部组织管理、干部信息管理、干部纪实、证件管理、文件管理、干部数据统计</p>
                            </div>
                            <img class="solution_item_bg" src="./img/trans_4.png" alt="">
                        </a>
                    </div>
                    <div class="solution_item">
                        <a href="#">
                            <img class="solution_item_img" src="./img/trans_d2.png" alt="">
                            <div class="solution_cont">
                                <p class="solution_cont_p1">招考云</p>
                            </div>
                            <div class="solution_hover even">
                                <div class="solution_hover_img"></div>
                                <p class="solution_hover_p1">招考云</p>
                                <p class="solution_hover_p2">报名管理，资格审查，在线考试，在线面试，体检、政审、录用</p>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="solution_list">
                    <div class="solution_item">
                        <a href="#">
                            <img class="solution_item_img" src="./img/trans_d3.png" alt="">
                            <div class="solution_cont">
                                <p class="solution_cont_p1">招聘云</p>
                            </div>
                            <div class="solution_hover even">
                                <div class="solution_hover_img"></div>
                                <p class="solution_hover_p1">招聘云</p>
                                <p class="solution_hover_p2">职位管理、简历管理、面试管理</p>
                            </div>
                        </a>
                    </div>
                    <div class="solution_item">
                        <a href="#">
                            <div class="solution_cont">
                                <div class="solution_cont_img"><img src="./img/trans_5.png" alt=""></div>
                                <p class="solution_cont_p1">入职云</p>
                            </div>
                            <div class="solution_hover">
                                <div class="solution_hover_img"><img src="./img/trans_5.png" alt=""></div>
                                <p class="solution_hover_p1">入职云</p>
                                <p class="solution_hover_p2">入职模版包管理、入职发起&员工端管理、集中审批和数据管理</p>
                            </div>
                            <img class="solution_item_bg" src="./img/trans_6.png" alt="">
                        </a>
                    </div>
                    <div class="solution_item">
                        <a href="#">
                            <img class="solution_item_img" src="./img/trans_d4.png" alt="">
                            <div class="solution_cont">
                                <p class="solution_cont_p1">生态云</p>
                            </div>
                            <div class="solution_hover even">
                                <div class="solution_hover_img"></div>
                                <p class="solution_hover_p1">生态云</p>
                                <p class="solution_hover_p2">系统伙伴、HR服务伙伴、移动办公平台</p>
                            </div>
                        </a>
                    </div>
                    <div class="solution_item">
                        <a href="#">
                            <div class="solution_cont">
                                <div class="solution_cont_img"><img src="./img/trans_7.png" alt=""></div>
                                <p class="solution_cont_p1">更多</p>
                            </div>
                            <div class="solution_hover">
                                <div class="solution_hover_img"><img src="./img/trans_7.png" alt=""></div>
                                <p class="solution_hover_p1">更多</p>
                                <p class="solution_hover_p2">更多服务正在更新中</p>
                            </div>
                            <img class="solution_item_bg" src="./img/trans_8.png" alt="">
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 我们为5+行业提供专业解决方案 -->
        <div class="five_bg">
            <div class="five">
                <div class="pub_title">我们为<img src="./img/skr341.png" alt="">行业提供专业解决方案</div>
                <div class="five_cont">
                    <div class="five_left">
                        <p class="five_left_item" attr-title="大健康" attr-content="大健康" attr-href="#"
                            attr-bg="./img/skr355.png">大健康 </p>
                        <p class="five_left_item" attr-title="零售" attr-content="零售" attr-href="#"
                            attr-bg="./img/skr358.png">零售</p>
                        <p class="five_left_item on" attr-title="金融行业"
                            attr-content="光大集团以建设世界一流金融控股集团为目标，启动实施“敏捷、科技、生态”三大战略转型。在集团人力资源管理落实集团战略转型以及集团IT战略规划指导下，建议尽快启动人力资源管理系统建设项目，通过专业的人力系统支持集团人力资源整体管控、规划、协调及分析，提高集团人事管理效率、降低组织管理成本、规范人力资源管理流程，助力集团人力资源从局部的人工事务处理向全面的数字化管理转型。"
                            attr-href="#" attr-bg="./img/skr339.png">金融 </p>
                        <p class="five_left_item" attr-title="科技" attr-content="科技" attr-href="#"
                            attr-bg="./img/skr356.png">科技</p>
                        <p class="five_left_item" attr-title="其他行业" attr-content="其他行业" attr-href="#"
                            attr-bg="./img/skr357.png">其他行业 </p>
                    </div>
                    <div class="five_right">
                        <p class="five_right_p1">金融行业</p>
                        <p class="five_right_p2">
                            光大集团以建设世界一流金融控股集团为目标，启动实施“敏捷、科技、生态”三大战略转型。在集团人力资源管理落实集团战略转型以及集团IT战略规划指导下，建议尽快启动人力资源管理系统建设项目，通过专业的人力系统支持集团人力资源整体管控、规划、协调及分析，提高集团人事管理效率、降低组织管理成本、规范人力资源管理流程，助力集团人力资源从局部的人工事务处理向全面的数字化管理转型。
                        </p>
                        <div class="five_right_btn"><a href="#">了解更多</a></div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 适用企业 -->
        <div class="fit">
            <div class="pub_title">适用企业</div>
            <div class="fit_cont">
                <div class="fit_item">
                    <div class="fit_item_img"><img src="./img/skr342.png" alt=""></div>
                    <p class="fit_item_p1">中小型企业</p>
                </div>
                <div class="fit_item">
                    <div class="fit_item_img"><img src="./img/skr343.png" alt=""></div>
                    <p class="fit_item_p1">中小型企业</p>
                </div>
                <div class="fit_item">
                    <div class="fit_item_img"><img src="./img/skr344.png" alt=""></div>
                    <p class="fit_item_p1">中小型企业</p>
                </div>
            </div>
        </div>
        <!-- 交付成功三重保障 -->
        <div class="three_bg">
            <div class="three">
                <div class="pub_title">交付成功三重保障</div>
                <div class="three_cont">
                    <div class="three_item">
                        <div class="three_item_img"><img src="./img/skr345.png" alt=""></div>
                        <p class="three_item_p1">中小型企业</p>
                        <img class="three_item_next" src="./img/skr348.png" alt="">
                    </div>
                    <div class="three_item">
                        <div class="three_item_img"><img src="./img/skr346.png" alt=""></div>
                        <p class="three_item_p1">中小型企业</p>
                        <img class="three_item_next" src="./img/skr348.png" alt="">
                    </div>
                    <div class="three_item">
                        <div class="three_item_img"><img src="./img/skr347.png" alt=""></div>
                        <p class="three_item_p1">中小型企业</p>
                        <img class="three_item_next" src="./img/skr348.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 公共底部 -->
    <section class="pub_footer">
        <div class="pub_bear">
            <div class="pub_bears">
                <a href="#">科锐国际首页</a>
                <img src="img/skr217.png" alt="">
                <a href="#">趋势洞察</a>
                <img src="img/skr217.png" alt="">
                <a href="#">白皮书</a>
            </div>
        </div>
        <!--  -->
        <div class="pub_footer_cont">
            <div class="pub_footer_t">
                <dl>
                    <dt>方案</dt>
                    <dd><a href="#">中高端人才访寻</a></dd>
                    <dd><a href="#">招聘流程外包</a></dd>
                    <dd><a href="#">灵活用工</a></dd>
                    <dd><a href="#">咨询服务</a></dd>
                    <dd><a href="#">人才培训</a></dd>
                    <dd><a href="#">薪税服务</a></dd>
                </dl>
                <dl>
                    <dt>Saas</dt>
                    <dd><a href="#">Saas云</a></dd>
                </dl>
                <dl>
                    <dt>职位</dt>
                    <dd><a href="#">热门职位</a></dd>
                    <dd><a href="#">职涯管理</a></dd>
                    <dd><a href="#">求职提示</a></dd>
                </dl>
                <dl>
                    <dt>趋势</dt>
                    <dd><a href="#">白皮书下载</a></dd>
                    <dd><a href="#">薪酬报告</a></dd>
                    <dd><a href="#">前沿实践</a></dd>
                    <dd><a href="#">观点洞察</a></dd>
                </dl>
                <dl>
                    <dt>动态</dt>
                    <dd><a href="#">新闻时讯</a></dd>
                    <dd><a href="#">市场活动</a></dd>
                    <dd><a href="#">媒体报道</a></dd>
                </dl>
                <dl>
                    <dt>我们</dt>
                    <dd><a href="#">公司概览</a></dd>
                    <dd><a href="#">集团品牌</a></dd>
                    <dd><a href="#">投资者关系</a></dd>
                    <dd><a href="#">加入我们</a></dd>
                    <dd><a href="#">联系我们</a></dd>
                </dl>
                <dl class="pub_footer_er">
                    <dt>关注</dt>
                    <dd><a href="javascript:;"><img class="pub_icon" src="img/wx.png" alt=""></a>
                        <img class="pub_er" src="img/wxs.png" alt="">
                    </dd>
                    <dd><a href="javascript:;"><img class="pub_icon" src="img/wb.png" alt=""></a>
                        <img class="pub_er" src="img/wbs.png" alt="">
                    </dd>
                    <dd><a href="#"><img class="pub_icon" src="img/in.png" alt=""></a></dd>
                </dl>
            </div>
            <div class="pub_footer_b">
                <div class="pub_footer_link">友情链接：<a href="#">科锐国际</a><a href="#">科锐国际</a><a href="#">科锐国际</a><a
                        href="#">科锐国际</a></div>
                <div class="pub_footer_id">
                    <div>Copyright © 1996-2020 Career International Consulting&emsp;京ICP备13048770号-6</div>
                    <div>全国咨询电话：400 - 050 - 7798&emsp;|&emsp;中国 <img src="img/kr31.png" alt=""></div>
                </div>
            </div>
        </div>
    </section>
</body>
<script src="js/swiper.min.js"></script>
<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/public.js"></script>
<script src="js/jquery.masonry.min.js"></script>
<script src="js/three.min.js"></script>
<script>
    let windowWidth = $(window).width()

    let num = 0
    let numType = false
    $(document).scroll(function () {
        let wt = $(window).scrollTop() + $(window).height()
        let dt = $('.trans_d1_cont').offset().top + ($('.trans_d1_cont').height() / 2)
        if (wt > dt) {
            if (!numType) {
                numType = true
                let times = setInterval(function () {
                    $('.trans_d1_left').find('img').eq(num).css({
                        'transform': 'translateY(0px) translateZ(0px)',
                        'opacity': '1'
                    })
                    num++
                    if (num >= $('.trans_d1_left').find('img').length) {
                        clearInterval(times)
                    }
                }, 300)
            }
        }

        // 适用企业
        let st = $('.fit_cont').offset().top + 70
        let fitOff = false
        let fit_index = 0
        if (wt > st && !fitOff) {
            fitOff = true
            let fitTimes = setInterval(function () {
                $('.fit_item').eq(fit_index).addClass('on')
                fit_index++

                if (fit_index >= $('.fit_item').length) {
                    clearInterval(fitTimes)
                }
            }, 500)
        }
    })

    // 
    $('.five_right_p1').html($('.five_left_item').eq(2).attr('attr-title'))
    $('.five_right_p2').html($('.five_left_item').eq(2).attr('attr-content'))
    $('.five_right_btn a').attr('href', $('.five_left_item').eq(2).attr('attr-href'))
    $('.five_bg').css('background-image', 'url(' + $('.five_left_item').eq(2).attr('attr-bg') + ')')

    $(document).on('click', '.five_left_item', function () {
        $(this).addClass('on').siblings().removeClass('on')
        let title = $(this).attr('attr-title')
        let content = $(this).attr('attr-content')
        let href = $(this).attr('attr-href')
        let bg = $(this).attr('attr-bg')

        $('.five_right_p1').html(title)
        $('.five_right_p2').html(content)
        $('.five_right_btn a').attr('href', href)
        $('.five_bg').css('background-image', 'url(' + bg + ')')
    })

    // 
    if (windowWidth > 800) {
        $('.solution_item').mouseenter(function () {
            $(this).css('width', '35%').siblings().css('width', '260px')
            $(this).find('.solution_cont').stop(true, false).fadeOut()
            $(this).find('.solution_hover').stop(true, false).fadeIn()
        }).mouseleave(function () {
            $(this).css('width', '25%').siblings().css('width', '25%')
            $(this).find('.solution_cont').stop(true, false).fadeIn()
            $(this).find('.solution_hover').stop(true, false).fadeOut()
        })
    }
</script>
<script>
    var SEPARATION = 100, AMOUNTX = 50, AMOUNTY = 50;

    var container;
    var camera, scene, renderer;

    var particles, particle, count = 0;

    var mouseX = 0, mouseY = 0;

    var windowHalfX = window.innerWidth / 2;
    var windowHalfY = window.innerHeight / 2;

    init();
    animate();

    function init() {

        // container = document.createElement('div');
        // document.body.appendChild(container);
        container = document.documentElement.querySelector('.trans_head_canvas')


        camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 1, 10000);
        camera.position.z = 1000;

        scene = new THREE.Scene();

        particles = new Array();

        var PI2 = Math.PI * 2;
        var material = new THREE.ParticleCanvasMaterial({

            color: 0x619fd0,
            program: function (context) {

                context.beginPath();
                context.arc(0, 0, 1, 0, PI2, true);
                context.fill();

            }

        });

        var i = 0;

        for (var ix = 0; ix < AMOUNTX; ix++) {

            for (var iy = 0; iy < AMOUNTY; iy++) {

                particle = particles[i++] = new THREE.Particle(material);
                particle.position.x = ix * SEPARATION - ((AMOUNTX * SEPARATION) / 2);
                particle.position.z = iy * SEPARATION - ((AMOUNTY * SEPARATION) / 2);
                scene.add(particle);

            }

        }

        renderer = new THREE.CanvasRenderer();
        renderer.setSize(window.innerWidth, window.innerHeight);
        container.appendChild(renderer.domElement);

        document.addEventListener('mousemove', onDocumentMouseMove, false);
        document.addEventListener('touchstart', onDocumentTouchStart, false);
        document.addEventListener('touchmove', onDocumentTouchMove, false);

        //

        window.addEventListener('resize', onWindowResize, false);

    }

    function onWindowResize() {

        windowHalfX = window.innerWidth / 2;
        windowHalfY = window.innerHeight / 2;

        camera.aspect = window.innerWidth / window.innerHeight;
        camera.updateProjectionMatrix();

        renderer.setSize(window.innerWidth, window.innerHeight);

    }

    //

    function onDocumentMouseMove(event) {

        mouseX = event.clientX - windowHalfX;
        mouseY = event.clientY - windowHalfY;

    }

    function onDocumentTouchStart(event) {

        if (event.touches.length === 1) {

            event.preventDefault();

            mouseX = event.touches[0].pageX - windowHalfX;
            mouseY = event.touches[0].pageY - windowHalfY;

        }

    }

    function onDocumentTouchMove(event) {

        if (event.touches.length === 1) {

            event.preventDefault();

            mouseX = event.touches[0].pageX - windowHalfX;
            mouseY = event.touches[0].pageY - windowHalfY;

        }

    }

    //

    function animate() {

        requestAnimationFrame(animate);

        render();


    }

    function render() {

        camera.position.x += (mouseX - camera.position.x) * .05;
        // camera.position.y += ( - mouseY - camera.position.y ) * .05;
        // camera.position.x += (camera.position.x) * .05;
        camera.position.y += (700 - camera.position.y) * .05;
        camera.lookAt(scene.position);

        var i = 0;

        for (var ix = 0; ix < AMOUNTX; ix++) {

            for (var iy = 0; iy < AMOUNTY; iy++) {

                particle = particles[i++];
                particle.position.y = (Math.sin((ix + count) * 0.3) * 50) + (Math.sin((iy + count) * 0.5) * 50);
                particle.scale.x = particle.scale.y = (Math.sin((ix + count) * 0.3) + 1) * 2 + (Math.sin((iy + count) * 0.5) + 1) * 2;

            }

        }

        renderer.render(scene, camera);

        count += 0.1;

    }

</script>

</html>